草庐IT

AngularJS 教程

全部标签

javascript - 打包 AngularJs 应用程序

我正在使用1.x构建Angular应用程序,并且已经有一段时间了。我使用Bower安装Angular和它附带的各种包以及其他一些零碎的东西,如Shivs、JQuery、ChartJs等。我喜欢使用Bower,因为它既好又快,并且将所有内容都放在一个一致的地方供我引用。我使用Grunt以及我的任务运行程序,所以我也希望能够自动执行此过程以实现丝般顺畅的开发。现在,随着我对Angular知识的增加以及我正在构建的应用程序的规模不断扩大,我发现自己在index.html中包含了对文件的数十次调用,我真的很想整理所有这些,理想情况下,变成一个漂亮的app.js使它更易于管理,不仅对我自己而且对

javascript - AngularJs 中带有微调器的甜蜜警报对话框

我正在尝试在sweetalert对话框中显示一个微调器,类似于Bootstrap模态对话框(http://jsfiddle.net/D6rD6/5/)我能想到的最接近的是这样的:SweetAlert.swal({title:'Importerrorsoccurred!',text:'',html:true,customClass:'manual-upload-errors-swal-width'});如果这不可能,那么最接近和最好的解决方案是什么? 最佳答案 原版sweetalert插件不支持,建议使用SweetAlert2插件。迁

javascript - Ember JS 教程 : TypeError: Cannot read property 'maps' of undefined

我目前正在浏览他们网站上的官方EmberJS教程,我在thispart上.当我运行emberserve时,应用程序本身一切正常,但问题是当我为新服务运行单元测试时。我正在运行embertest--server时出现错误,我截图如下:单元测试代码:import{moduleFor,test}from'ember-qunit';importEmberfrom'ember';constDUMMY_ELEMENT={};letMapUtilStub=Ember.Object.extend({createMap(element,location){this.assert.ok(element,'

javascript - 创建 Javascript 游戏教程

我有一个名为RailsAcrossEurope的Facebook游戏。它是用PHP/MySQL/FacebookJavascript编写的。我的游戏中缺少的重要功能之一是交互式用户教程。我有一个截屏视频,但我认为它的帮助不够。我注意到大多数开始游戏的用户在放弃之前只玩了一两轮。这是一个复杂的游戏,如果有交互式教程,它会受益匪浅。问题是我不知道如何创建这样的教程。该游戏由一张欧洲map组成,其中包含欧洲城市、铁路线(例如轨道)和城市提供的商品。玩家应该build连接城市的轨道,沿着轨道驾驶他的火车,在一个城市提货,并将它们运送到另一个有需求的城市,届时他将获得报酬。该游戏包含许多不同的事

javascript - 防止图像在 AngularJs 中渲染

我有这个jsFiddle:http://jsfiddle.net/HMZuh/1/其中包含此htmlshowimage和这个脚本:functionShowHideController($scope){$scope.showMe=false;$scope.imageSource='';$scope.showImage=function(){$scope.showMe=true;$scope.imageSource='https://www.google.com/images/srpr/logo3w.png';}}我收到404,当源尚未设置时找不到图像,当showMe为false时有什么方

javascript - 是否有可能知道 AngularJS 指令中元素的旧值?

元素旧值和新值动态变化时是否可以知道?举个例子,我有一个值为190的按钮190并且这个按钮会被socket.io动态改变。当它改变时,我需要比较这些值,如果新值高于旧值。谢谢! 最佳答案 如果您$watch您范围内的值,它将为您提供旧值和新值。所以你在指令中的链接函数看起来像这样link:function(scope,element,attrs){scope.$watch("foo",function(newVal,oldVal){//logicbasedonoldVal}}然后在您的HTML中{{foo}}参见http://doc

javascript - 为 declare 解释这个令人困惑的 dojo 教程语法

我正在阅读使用dojo'sdeclare的语法用于创建类。描述令人困惑:Thedeclarefunctionisdefinedinthedojo/_base/declaremodule.declareacceptsthreearguments:className,superClass,andproperties.ClassNameTheclassNameargumentrepresentsthenameoftheclass,includingthenamespace,tobecreated.Namedclassesareplacedwithintheglobalscope.Thecla

javascript - D3.js 不工作的非常简单的教程示例

我是D3.js的新手。我正在阅读MikeDewar的D3入门。我尝试了书中的第一个例子,但它不起作用。我一直在为此撕心裂肺。我这里的代码有什么问题?在部分:functiondraw(data){"usestrict";d3.select("body").append("ul").selectAll("li").data(data).enter().append("li").text(function(d){returnd.name+":"+d.status;});}在:d3.json("flare.json",draw);和JSON文件:[{"status":["GOODSERVICE

javascript - 从 ERB 切换到 Angular 时,Rails 应用程序中的 AngularJS View 功能测试中断

首先,我有一个工作rails“显示”页面显示项目名称和属于该项目的条目。当使用Angular$scope显示项目名称并使用ERB中的block显示条目时,我的测试通过了。当我用AngularDirective(指令)“ng-repeat”替换条目ERB代码时,仅我的条目测试场景开始失败。有趣的是,该应用程序仍在浏览器中运行。请记住,在我看来,另一个$scope变量过去和现在仍然通过使用几乎相同的测试。工作show.html.erb(在ERB中查看的条目):Thisis{{project.details.name}}Entries打破show.html.erb(在Angular中查看的条

javascript - angularjs ng-click 和 anchor 上的 href

如果anchor上同时存在ng-click和href,则ng-click不起作用。如果可能的话,我希望两者都能工作,转到一条路线然后运行一个功能。我的用例是我打开了一个带有链接面板的抽屉,当转到一个链接时我想关闭抽屉。让两者同时工作的简单方法是什么? 最佳答案 一旦您离开页面,脚本将不再运行。*你的流程可以是这样的:当用户点击时,运行执行以下操作的函数:运行你想要运行的原始函数处理任何“在此特定情况下导航离开”的逻辑。将location.href更改为您要导航到的URL。如果您发现自己一遍又一遍地实现那部分逻辑,当然可以将此行为提取